<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字处理</title>
    <style>
        p {
            /* 一.字体修改 */
            /* 查找系统自带的字体文件夹:  */
            font-size: 30px;/* 1.字体大小修改 默认十六像素 */
            font-family:"幼圆","宋体";/* 2.字体型号 会从前向后找 直到找到系统中存在的字体 */
            font: 35px "黑体";/* 3.`1.`和`2.`合并属性 前为字体大小 后为字体 */
        }
        a {
            /* 二.文本修饰 */
            /* text-decoration: 文本修饰 */
            text-decoration: underline;/* 下划线 */
            text-decoration: line-through;/* 删除线 */
            text-decoration: overline;/* 顶线 */
            text-decoration: none;/* 去掉原有的修饰线 */

        }
        div {
            /* 三.对齐方式 */
            width: 200px;
            height: 200px;
            border: 5px solid red;
            /* align: 对齐方式 */
            text-align: center;/* 文字水平居中 加给文字所在的div上 */
            line-height: 200px;/* 单行文字垂直居中可以设置行高与div一样高 用以保证文本完全居中 */
        }
        span {
            /* 四.文字字重 */
            /* 字体字重: bold加粗 lighter细体 normal正常体 */
            font-weight: bold;/* 加粗 */
            font-weight: lighter;/* 细体 */
            font-weight: normal;/* 正常体 */
            /* 字体样式: 斜体 */
            font-style: italic;/*斜体*/
        }
        h4 {
            /* 五.文字阴影 */
            /* 文字阴影: 控制阴影在水平方向的位移 控制阴影在垂直方向的位移 阴影的羽化值(虚化/模糊程度) 阴影颜色; */
            text-shadow: 3px 3px 3px deeppink;
        }
    </style>
</head>
<body>
<p>我是测试段落 123 ABC abc</p>
<a href="#">超链接</a>
<div>div字段</div>
<span>测试字段</span>

<hr>

<h4>测试文字阴影</h4>
</body>
</html>